<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/list.css">
    <link rel="stylesheet" href="/css/base.css">
    <!-- <link rel="stylesheet" href="/iconfont/font_2510889_hfiy0rk27b/iconfont.css"> -->
</head>
<body>
    <!-- 公共头部 -->
    <div class="navbar-default backImage">
        <div class="container-fluid publicWidth">
            <a href="/index.html"><div class="iconImage"></div></a>
            <ul class="liFloatLeft">
                <li ><a href="/html/register.html" class="header-register"> 注册</a></li>
                <li ><a href="" class="wechat">微信 / 微博</a></li>
                <li><a href="" class="webo">APP下载</a></li>
            </ul>
        </div>
    </div>
    <div class="searchbar">
        <div class="container-fluid publicWidth">
            <ul>
                <li><a href="">商品分类</a></li><span></span>
                <li><a href="">主题分类</a></li><span></span>
                <li>
                    <form action="">
                        <input type="text" placeholder="搜索">
                        <span></span>
                    </form>
                    
                </li>
                <span></span>
                <li><a href="/html/sign.html">登录</a></li><span></span>
                <li><a href="">订单</a></li><span></span>
                <li>
                <a href="/html/shopping.html">购物车(<i class="gwc"></i>)</a></li><span></span>
            </ul>
        </div>
    </div>
    <div class="con">
        <ul>
            
        </ul>
        <script type="text/html" id="templateNav">
            {{each list item}}
            <li><a href="/html/list.html?q={{item.id}}">{{item.name}}</a></li>
            {{/each}}
        </script>
    </div>
    <div class="gg">
        <ul>
            <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20170916135904341206.png" alt=""></li>
            <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20200327150200529617.png" alt=""></li>
            <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20200716133301271752.png" alt=""></li>
            <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20190804223004416160.png" alt=""></li>
            <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20170916135904341206.png" alt=""></li>
            <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20170916135904341206.png" alt=""></li>
            <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20170916135904341206.png" alt=""></li>
            <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20170916135904341206.png" alt=""></li>
            <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20170916135904341206.png" alt=""></li>
        </ul>
    </div>
<!-- 列表页 -->
    <div class="list">
    <div class="left">
        <h3>热销推荐</h3>
        <ul>
            <li>
                <img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20190224235004341427.jpg?x-oss-process=image/resize,m_pad,h_390,w_390" alt="">
            </li>
            <li>
                <img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20210413193603677822.jpg?x-oss-process=image/resize,m_pad,h_244,w_244" alt="">
                <p>怪物猎人 崛起 Q版玩偶 天狗兽 CAPCOM</p>
                <p>Monster Hunter Rise Chibi-Plush</p>
                <span>￥168</span>
            </li>
            <li>
                <img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20210414182002911805.jpg?x-oss-process=image/resize,m_pad,h_244,w_244" alt="">
                <p>怪物猎人 崛起 Q版玩偶 天狗兽 CAPCOM</p>
                <p>Monster Hunter Rise Chibi-Plush</p>
                <span>￥168</span>
            </li>
            <li>
                <img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20210414182002911805.jpg?x-oss-process=image/resize,m_pad,h_244,w_244" alt="">
                <p>怪物猎人 崛起 Q版玩偶 天狗兽 CAPCOM</p>
                <p>Monster Hunter Rise Chibi-Plush</p>
                <span>￥168</span>
            </li>
            <li>
                <img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20210414182002911805.jpg?x-oss-process=image/resize,m_pad,h_244,w_244" alt="">
                <p>怪物猎人 崛起 Q版玩偶 天狗兽 CAPCOM</p>
                <p>Monster Hunter Rise Chibi-Plush</p>
                <span>￥168</span>
            </li>
        </ul>
    </div>
    <div class="right">
        <div class="home">
            首页
        </div>
        <div class="nav">
            <h2>热销精选</h2>
            <div class="selce">排序</div>
        </div>
        <ul>
            
            
        </ul>
        <script type="text/html" id="templateList">
            {{each list item}}
            <a href="/html/Details.html?qwer={{item.id}}">
                <li>
                    <img src="{{item.image}}" alt="">
                    <p class="text1">
                        {{item.title}}
                    </p>
                    <p class="text2">Nintendo Console Backpack Buddies</p>
                    <span>￥{{item.price}}</span>
                </li>
            </a>
           
            {{/each}}
        </script>
    </div>
    </div>
    <!-- 公共底部 -->
    <footer>
        <div class="lb">
            <div class="head">
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>支付方式</dd>
                    <dd>常见问题</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>支付方式</dd>
                    <dd>常见问题</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>支付方式</dd>
                    <dd>常见问题</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>支付方式</dd>
                    <dd>常见问题</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>支付方式</dd>
                    <dd>常见问题</dd>
                </dl>
            </div>
                
            <p>
                <a href="">服务条款</a>
                <span> | </span>
                <a href="">隐私政策</a>
            </p>
            <div class="gongan">
                <a href="">
                    <img src="http://www.fanthful.com/static/front/images/gongan.png" alt="">
                    <span>粤公网安备 44011302000920号</span>
                </a>
            </div>
            <div class="copy">
                <p>粤ICP备17083322号-1 Copyright @ 2017-2021 FANTHFUL |
                    出版物经营许可证新出发粤穗零字第埔043号</p>
            </div>
            <p>出版物经营许可证新出发粤穗零字第埔043号</p>
        </div>
    </footer>
    <script src="/lib/require/require.js" data-main="/js/list"></script>
    <!-- <script src="/js/list.js"></script> -->
    
</body>
</html>